﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Guest.Master" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="CungMuaC5.WebForm10" %>

<%@ Register src="../WebUC/wucTop10TheoLoai.ascx" tagname="wucTop10TheoLoai" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div class="MainContent"  style="display: block; overflow: hidden; ">
        <div style="width: 600px; float: left; ">
           
            <asp:DetailsView ID="ProductDetails" runat="server" 
                AutoGenerateRows="False" DataKeyNames="MaKM" GridLines="None" >
                <FooterTemplate>
                    <script src="jquery.js"></script>
                    <script >
                        $(function () {
                            $("#slideshow > div:gt(0)").hide();
                            setInterval(function () {
                            $('#slideshow > div:first')
                            .fadeOut(5)
                            .next()
                            .fadeIn(1000)
                            .end()
                            .appendTo('#slideshow');
                            }, 3000);
                        });
                    </script>
                    <table style="width: 600px">
                        <tr>
                            <td align="center" colspan="2" 
                                style="background-color: #FFCCFF; height: 80px; width: 600px;">
                                <asp:Label ID="Label2" runat="server" Font-Bold="True" Font-Size="Large" 
                                    Text='<%# Eval("MoTa") %>'></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" 
                                style="width: 180px; background-color: #201000; height: 40px;">
                                <asp:Label ID="Label3" runat="server" Font-Bold="True" Font-Size="Large" 
                                    ForeColor="White" Text='<%# Eval("DonGiaMoi") %>'></asp:Label>
                            </td>
                            <td align="center" rowspan="5" style="background-color: #999999; width: 474px;">
                                <div id="slideshow" style="width: 400px; height: 250px">
			                    <div>
				                    <asp:Image ID="ImageShow1" runat="server" Height="250px" />
			                    </div>
			                    <div>
				                    <asp:Image ID="ImageShow2" runat="server" Height="250px" />
			                    </div>                                
		                    </div>                                

                            </td>
                        </tr>
                        <tr>
                            <td align="center" 
                                style="width: 180px; background-color: #CCFF99; height: 30px;">
                                <asp:Label ID="Label4" runat="server" Font-Size="Medium" Font-Strikeout="True" 
                                    Text='<%# Eval("DonGiaCu", "{0}đ") %>'></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" 
                                style="width: 180px; background-color: #CCFFCC; height: 40px;">
                                <asp:ImageButton ID="ImageButton3" runat="server" 
                                    ImageUrl="~/Images/btn_buy_hover.png" 
                                    PostBackUrl='<%# Eval("MaKM", "~/Products/ThanhToan_1.aspx?makm={0}") %>' />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" 
                                style="width: 180px; background-color: #FFFFFF; height: 30px;">
                                Số người cùng mua</td>
                        </tr>
                        <tr>
                            <td align="center" 
                                style="width: 180px; background-color: #FFFFFF; height: 30px;">
                                <asp:Label ID="Label5" runat="server" Font-Bold="True" Font-Size="Large" 
                                    Text='<%# Eval("SoNguoiCungMua") %>'></asp:Label>
                            </td>
                        </tr>
                    </table>
                    <table style="width: 600px">
                        <tr>
                            <td style="width: 300px; height: 50px; background-color: #CCCCCC;" 
                                align="center">
                                <asp:Label ID="Label6" runat="server" Text="Điều kiện sử dụng" Font-Bold="True" 
                                    Font-Size="Large"></asp:Label>
                            </td>
                            <td align="center" style="height: 50px; background-color: #CCCCCC;">
                                <asp:Label ID="Label7" runat="server" Text="Điểm nổi bật" Font-Bold="True" 
                                    Font-Size="Large"></asp:Label>
                            </td>

                        </tr>
                        <tr>
                            <td style="padding: 5px; width: 290px; background-color: #FFFFFF;" 
                                align="left" >
                                
                                <asp:Label ID="Label8" runat="server" Text='<%# Eval("DKSuDung") %>'></asp:Label>
                                
                            </td>
                            <td align="left" style="padding: 5px; background-color: #FFFFFF">
                                
                                <asp:Label ID="Label9" runat="server" Text='<%# Eval("DiemNoiBat") %>'></asp:Label>
                                
                            </td>

                        </tr>
                    </table>
                    <table style="width: 600px">
                        <tr>
                            <td style="height: 50px; background-color: #CCCCCC;" align="center">
                                <asp:Label ID="Label1" runat="server" Text="Giới thiệu chi tiết" 
                                    Font-Bold="True" Font-Size="Large"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 5px; background-color: #FFFFFF;" align="left" >
                                                                
                                <asp:Label ID="Label10" runat="server" Text='<%# Eval("GioiThieuChiTiet") %>'></asp:Label>
                                                                
                            </td>
                        </tr>                       
                        <tr>
                            <td style="background-color: #CCFFCC;" align="center" >
                                   
                                <asp:ImageButton ID="ImageButton4" runat="server" 
                                    ImageUrl="~/Images/btn_buy_hover.png" 
                                    PostBackUrl='<%# Eval("MaKM", "~/Products/ThanhToan_1.aspx?makm={0}") %>' />                                
                            </td>
                        </tr>
                    </table>
                </FooterTemplate>
            </asp:DetailsView>
            <div style="background-color: #FFFFFF">
                
                <div style="background-color: #FFFFFF">
                    <div style="background-color: #CCFFCC">
                        <div align="left" 
                            
                            style="padding: 10px 10px 10px 20px; background-color: #00FF99; font-size: x-large; color: #006666; margin-top: 7px; font-style: normal; font-weight: bold;">
                            Nhận xét và thảo luận </div>
                        <div align="center" style="background-color: #CCFFCC">
                            <asp:DataList ID="DataList2" runat="server" Width="419px">
                                <ItemTemplate>
                                    <table style="width: 100%; background-color: #FFFFFF; height: 53px; background-image: url('http://localhost:3679/Images/Member/bgbody.png');">
                                        <tr>
                                            <td>
                                                &nbsp;</td>
                                            <td colspan="2" align="left">
                                                <asp:Label ID="Label23" runat="server" ForeColor="#0066FF" 
                                                    Text='<%# Eval("NoiDung") %>'></asp:Label>
                                            </td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;</td>
                                            <td align="center" rowspan="2" style="width: 17px">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Member/avatar3.jpg" />
                                            </td>
                                            <td>
                                                <asp:Label ID="Label20" runat="server" Text='<%# Eval("NguoiPost") %>' 
                                                    ForeColor="#00CC66"></asp:Label>
                                            </td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;</td>
                                            <td>
                                                <asp:Label ID="Label22" runat="server" Text='<%# Eval("ThoiGian") %>' 
                                                    ForeColor="#009999"></asp:Label>
                                            </td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                    </table>
                                </ItemTemplate>
                            </asp:DataList>
                        </div>
                        <div style="background-color: #CCFFCC; height: 113px;">
                            <div align="right" 
                                style="float: left; width: 85%; height: 88px; padding-top: 5px;">
                                <asp:TextBox ID="TextBox17" runat="server" BorderStyle="None" 
                                    ForeColor="#009999" Height="85px" ontextchanged="TextBox2_TextChanged" 
                                    TextMode="MultiLine" Width="417px">Bình luận tại đây !!!</asp:TextBox>
                            </div>
                            <div align="center" 
                                style="float: right; width: 15%; height: 84px; padding-top: 5px;">
                                <asp:ImageButton ID="ImageButton6" runat="server" Height="40px" 
                                    ImageUrl="~/Images/Member/Gui.png" onclick="ImageButton6_Click" Width="62px" />
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <div style="width: 300px;  float: right; display: block; overflow: hidden;">                                  
            <uc1:wucTop10TheoLoai ID="wucTop10TheoLoai1" runat="server" />        
        </div>
    </div>
</asp:Content>
